.taskBoard {
  display: flex;
  flex-direction: row;
  background-color: white;
  margin-bottom: 5px; }
  .taskBoard .contentLeft {
    padding-top: 35px;
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; }
  .taskBoard .taskIcon {
    width: 50px;
    height: 50px;
    border-radius: 5px; }
  .taskBoard .taskNameCtn {
    height: 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .taskBoard .taskName {
    display: block;
    font-size: 9pt;
    line-height: 11px;
    color: #888888;
    font-weight: bold; }
  .taskBoard .contentRight {
    padding-top: 12px;
    padding-left: 10px;
    margin-right: 10px;
    flex-direction: column; }
  .taskBoard .userCtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 42px;
    margin-bottom: 7px; }
  .taskBoard .avatar {
    width: 30px;
    height: 30px;
    border-radius: 15px; }
  .taskBoard .userDescCtn {
    display: flex;
    width: calc(750rpx - 140px - 50px);
    padding-left: 10px;
    height: 34px;
    flex-direction: column;
    align-content: center;
    justify-content: center; }
  .taskBoard .nameCtn {
    padding-top: 3px;
    display: flex;
    width: calc(750rpx - 164px);
    flex-direction: row;
    align-items: center; }
  .taskBoard .name {
    font-size: 13px;
    line-height: 13px;
    color: #5a5a5a; }
  .taskBoard .gender {
    margin-left: 3px;
    font-size: 13px;
    line-height: 13px; }
  .taskBoard .collectCtn {
    width: 50px;
    padding-right: 5px;
    text-align: right;
    right: 0px;
    width: 50px;
    height: 40px; }
  .taskBoard .collect {
    color: #eaeaed;
    font-size: 16pt; }
    .taskBoard .collect.collected {
      color: #ffd700; }
  .taskBoard .createdTime {
    right: 15px;
    font-size: 7pt;
    width: 100;
    color: #888888;
    background-color: transparent;
    margin-top: 5px; }
  .taskBoard .rightMidCtn {
    border-top: 1px solid #f2f2f5; }
    .taskBoard .rightMidCtn .summary {
      display: block;
      padding-top: 10px;
      margin-bottom: 13px;
      font-size: 11pt;
      line-height: 16pt;
      width: calc(750rpx - 100px);
      color: #353535;
      word-wrap: break-word;
      word-break: normal; }
  .taskBoard .detailRowCtn {
    margin-top: 3px;
    display: flex;
    align-items: center; }
  .taskBoard .detailText {
    margin-left: 10px;
    font-size: 10pt;
    color: #999999; }
  .taskBoard .detailIcon {
    font-size: 9pt;
    color: #c2c2c2; }
  .taskBoard .rewardTitle {
    font-size: 10pt;
    color: #888888; }
  .taskBoard .rewardIcon {
    height: 18px;
    width: 18px; }
  .taskBoard .rewardContent {
    font-size: 10pt;
    color: #ff384b; }
    .taskBoard .rewardContent.rmbTag {
      letter-spacing: 3px; }
  .taskBoard .thumbnailImage {
    margin-right: 5px;
    width: calc(29% - 72*0.29px - 10*0.29px);
    height: calc(29% - 72*0.29px - 10*0.29px); }
  .taskBoard .rightBottomCtn {
    margin-top: 10px;
    margin-bottom: 3px;
    height: 45px;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .taskBoard .rightBottomItemCtn {
    flex: 6;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fc;
    border: none;
    border-radius: 3px;
    margin-right: 6px; }
  .taskBoard .buttonTextIcon {
    font-size: 8pt;
    margin-right: 3pt; }
  .taskBoard .buttonItemText {
    font-size: 8pt; }
  .taskBoard .buttonItemTextAccept {
    font-size: 10pt;
    font-weight: bold; }
  .taskBoard .buttonCtn {
    flex: 8;
    height: 28px;
    display: flex;
    background-color: #ff384b;
    border-radius: 3px;
    align-items: center;
    justify-content: center; }
    .taskBoard .buttonCtn.self {
      background-color: #f9f9fc; }
    .taskBoard .buttonCtn.blank {
      opacity: 0; }
  .taskBoard .myTaskButtonCtn {
    flex: 4;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fc;
    border-radius: 3px;
    height: 28px; }
  .taskBoard .button {
    flex: 1;
    height: 28px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    background-color: #ff384b; }
  .taskBoard .buttonText {
    color: 'white';
    font-size: 12pt; }
  .taskBoard .myTaskText {
    font-size: 11pt;
    color: #b2b2b2; }
  .taskBoard .finishBottomCtn {
    height: 35px;
    display: flex;
    justify-content: flex-end; }
  .taskBoard .finishIcon {
    position: relative;
    top: -30px;
    width: calc(360px * 6 / 32);
    height: calc(360px * 6 / 32);
    opacity: 0.35; }
  .taskBoard .shareBtn span {
    font-size: 8pt;
    color: #b2b2b2; }
